@charset "utf-8";

@import "../../../src/less/quote/class.less";
@import "../../../src/less/quote/color.less";

//table列表页面暂时放在这里后期共用comment.less中

#resolution-detail2{
  height:auto;
  position: relative;
  background: @cf;
  .left{
    padding-left:45px;
    padding-bottom:250px;
    .left-menu{
      position: relative;
      min-height: 400px;
      background:@cf;
      cursor: pointer;
      margin-top: 15px;
      .menu-item{
        .active{
          &>.list-title{
            i:after{
              transform: translateY(-50%) rotate(0deg) !important;
            }
          }
        }
        .item-list{
          margin-bottom: 5px;
          .list-title{
            position: relative;
            height: 45px;
            line-height: 45px;
            padding: 0 10px;
            font-size: 16px;
            background:@ceb;
            border-radius: 4px;
            cursor: pointer;
            i:after{
              position: absolute;
              content: "";
              border-top: 5px solid #999;
              border-left: 4px solid transparent;
              border-right: 4px solid transparent;
              left: -15px;
              top: 50%;
              transform: translateY(-50%) rotate(-90deg);
              transition: all .3s;
            }
          }
          .list-content{
            display: none;
            padding: 0 10px;
            .explain{
              margin:15px 0;
              font-size: 16px;
            }
            .case-line{
              margin: 10px 0;
            }
          }
        }
      }
    }
  }
  .right{
    padding:55px 100px 200px;
    .right-title{
      position: relative;
      height: 45px;
      line-height: 45px;
      padding: 0 10px;
      font-size: 16px;
      background:@ceb;
      border-radius: 4px;
      cursor: pointer;
      .a-link{
        text-decoration: underline;
        color:@main-b;
        font-size: 14px;
      }
    }
    .right-select{
      padding:10px;
      font-family: "Microsoft YaHei";
      .radio-list{
        display: block;
        margin-top: 10px;
        span{margin-left: 10px;}
      }
      .right-control{
        margin-top: 40px;
        border-top: 1px solid @ceb;
        .control-label{
          font-size: 14px;
          font-weight: bold;
          font-family: Mukta;
        }
        //填写文本样式
        #control-edit,#control-edit2{max-width: 70%;min-height: 100px;}
        .control-text{
          margin-top: 40px;
          .ql-toolbar.ql-snow{padding:4px;margin-top: 10px}
          .ql-editor{
            min-height:150px;
          }
        }
        //上传样式
        .control-up{
          margin-top: 40px;
          .file{
            max-width: 70%;
          }
        }
        //物流样式
        .control-logistics{
          margin-top: 40px;
          .logistics-item{
            padding:10px 0;
            margin-top: 20px;
            border-top: 1px dashed @ceb;
            .item-list{
            }
          }
        }

        .file-list{
          height: 30px;
          line-height: 30px;
          margin-top: 5px;
          padding:3px 10px;
          border-radius: 4px;
          cursor: pointer;
          transition:background-color .3s;
          &:hover{
            background-color: @bg-a;
            .file-close{ opacity: 1;}
          }
          .icon-file{
            display: inline-block;
            width: 30px;
            transform: translateY(2.8px);
            font-size: 21px;
          }
          .file-text{
            width:calc(100% - 60px);
          }
          .file-close{
            opacity: 0;
            font-size: 18px;
            cursor: pointer;
            transition:opacity .3s;
          }
        }

      }
    }
  }
}

//切换样式组件
.com-tab{
  margin-top: 10px;
  border-top:1px solid @ceb;
  .tab-header{
    border-left:1px solid @ceb;
    border-right:1px solid @ceb;
    background-color:@cf9;
    .header-item{
      font-size: 0;
      position: relative;
      &:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        top:100%;
        left: 0;
        z-index: 1;
        background-color: @ceb;
      }
      .active{
        color:@main-b;
        background-color: @cf;
        border-left:1px solid @ceb;
        border-right:1px solid @ceb;
        border-bottom: 1px solid @cf;
      }
      .item-list{
        position: relative;
        display: inline-block;
        margin-bottom: -1px;
        margin-left: -1px;
        margin-right: -1px;
        padding:0 20px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        cursor:pointer;
        z-index: 2;
      }
    }
  }

}